<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>()
</script>


<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤 容量法分析原始记录（一）（B面）</h1>
    <div>SXLPHJ/JL/CX-22-90</div>
    <table class="table">
      <tr>
        <td colspan="19" style="text-align: center; font-weight: bold;">溶液配制
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准溶液名称</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
            v-model="waterForm.bdatas.rypz.bz_ryname2" />
        </td>
        <td colspan="2">标准物质批号/生产厂商</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
            v-model="waterForm.bdatas.rypz.bz_bzwzph" />
        </td>
      </tr>
      <tr>
        <td colspan="2">标准物质取样质量( )</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_bzwzqyzl" />
        </td>
        <td colspan="2">定容体积（mL）</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_drtj1" />
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">配制日期</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_pzrq1" />
        </td>
        <td colspan="2">标准物质浓度( )</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_bzwznd" />
        </td>
      </tr>
      <tr>
        <td colspan="2">基准溶液名称</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_jzrymc" />
        </td>
        <td colspan="2">基准物质批号/生产厂商</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_jzwzph" />
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">基准物质取样质量( )</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_jzwzqyzl" />
        </td>
        <td colspan="2">定容体积（mL）</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_drtj2" />
        </td>
      </tr>
      <tr>
        <td colspan="2">配制日期</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_pzrq2" />
        </td>
        <td colspan="2">基准物质浓度( )</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_jzwznd" />
        </td>
      </tr>
      <tr>
        <td colspan="19" style="text-align: center; font-weight: bold;">标定过程
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">取基准溶液体积(mL)</td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_qjzrytj" />
        </td>
        <td colspan="2" style="width: 11%;">溶剂</td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_rj" />
        </td>
        <td colspan="2" style="width: 10%;">定容体积(mL)</td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_drtj" />
        </td>
      </tr>
      <tr>
        <td colspan="2">计算公式</td>
        <td colspan="17">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_jsgs" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2" rowspan="2">滴定次数</td>
        <td colspan="17" style="width: 9%;">滴定体积（mL）</td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2" style="width: 9%;">始读数</td>
        <td colspan="2" style="width: 9%;">终读数</td>
        <td colspan="2" style="width: 9%;">净用量V</td>
        <td colspan="2" style="width: 9%;">浓度c( )</td>
        <td colspan="2" style="width: 9%;">平行极差的相对值</td>
        <td colspan="2" style="width: 10%;">重复性临界极差CrR95(4)</td>
        <td colspan="2" style="width: 13%;">极差</td>
        <td colspan="3" style="width: 7%;">容许差r</td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">第一次</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc1" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc2" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc3" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc4" />
        </td>
        <td colspan="2" rowspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc5" />
        </td>
        <td colspan="2" rowspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc6" />
        </td>
        <td colspan="2" rowspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc7" />
        </td>
        <td colspan="3" rowspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc8" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">第二次</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec1" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec2" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec3" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec4" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">第三次</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc1" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc2" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc3" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc4" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">第四次</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic1" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic2" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic3" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic4" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">第五次</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dwc1" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dwc2" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dwc3" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dwc4" />
        </td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: center;">标准溶液标定浓度C₀</td>
        <td style="width: 8%;text-align: center;" colspan="16">
          <!-- <el-input style="width: 100px;border: 1px solid transparent" /> -->
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bd_bzrybdnd" />
          mol/L
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">空白检查</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan="6">样品浓度( )</td>
        <td colspan="5">质控要求</td>
        <td colspan="5">是否合格</td>
      </tr>
      <tr v-for="(item, index) in waterForm.kbycd" :key="index">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_ypbh" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_ypnd" />
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_zkyq" />
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_sfhg" />
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">平行样测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 6">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd_fx.px_pxybh1" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd_fx.px_pxybh2" />
          </div>
        </td>
        <td colspan="5">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd_fx.px_pxybh3" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd_fx.px_pxybh4" />
          </div>
        </td>
        <td colspan="6">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd_fx.px_pxybh5" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd_fx.px_pxybh6" />
          </div>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">测定浓度（
          <el-input placeholder="请输入"
           v-model="waterForm.unit.px_cdnd" style="width: 20%;"></el-input>
           ）</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_cdnd1" />
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_cdnd2" />
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_cdnd3" />
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_cdnd4" />
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_cdnd5" />
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_cdnd6" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">
          <el-radio-group v-model="waterForm.bdatas.pxycd_fx.px_xdpc">
            <el-radio value="Value 1">相对偏差</el-radio>
            <el-radio value="Value 2">自定义</el-radio>
          </el-radio-group>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_xdpc1" />
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_xdpc2" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_xdpc3" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">质控要求</td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_zkyq1" />
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_zkyq2" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_zkyq3" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">是否合格</td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_sfhg1" />
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_sfhg2" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.px_sfhg3" />
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">标准样品测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td>标样批号</td>
        <td colspan="6">测定浓度（
          <el-input placeholder="请输入"
          v-model="waterForm.unit.bz_cdnd" style="width: 20%;"></el-input> ）</td>
        <td colspan="6">标准值（
          <el-input placeholder="请输入"
          v-model="waterForm.unit.bz_bzz" style="width: 20%;"></el-input>
           ）</td>
        <td colspan="6">是否合格</td>
      </tr>
      <tr v-for="(item, index) in waterForm.bzycd" :key="index">
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.bz_ypph" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
          v-model="item.bz_cdnd" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
          v-model="item.bz_bzz" />
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
          v-model="item.bz_sfhg" />
        </td>
      </tr>
      <tr>
        <td colspan="19" style="text-align: center;font-weight: bold;">加标回收样测定</td>
      </tr>
      <tr>
        <td colspan="20" style="margin: 0; padding: 0; border-collapse: collapse;">
          <table style=" width: 100%;border-collapse: collapse; text-align: left; font-size: 14px;color: #606266;">
            <tr style="text-align: center;">
              <td colspan="3">样品编号</td>
              <td colspan="3">标液浓度（
          <el-input placeholder="请输入" v-model="waterForm.unit.jb_jbnd" style="width: 20%;"></el-input>
          ）</td>
              <td colspan="3">加标量（
          <el-input placeholder="请输入" v-model="waterForm.unit.jb_jbl" style="width: 20%;"></el-input>
          ）</td>
              <td colspan="3">加标后样品含量/浓度（ 
          <el-input placeholder="请输入" v-model="waterForm.unit.jb_jbhyphl" style="width: 20%;"></el-input>
          ）</td>
              <td colspan="3">原样品含量/浓度（
          <el-input placeholder="请输入" v-model="waterForm.unit.jb_yyphl" style="width: 20%;"></el-input>
           ）</td>
              <td colspan="3">回收率( % )</td>
              <td colspan="3">质控要求</td>
              <td colspan="3">是否合格</td>
            </tr>
            <tr v-for="(item, index) in waterForm.jbycd" :key="index">
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_ybph" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_bynd" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_jbl" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_jbhyphlnd" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_yyphlnd" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_hsl" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_zkyq" />
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入" 
                v-model="item.jb_sfhg2" />
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="18">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
           v-model="waterForm.bnotes" />
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
